<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta name="generator" content="Hugo 0.88.1" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>网址导航</title>
<meta name="theme-color" content="#2C2E2F" />
<meta name="keywords" content="Webstack Hugo theme">
<meta name="description" content="Webstack Hugo theme">
<meta property="og:type" content="article">
<meta property="og:url" content="">
<meta property="og:title" content="">
<meta property="og:description" content="">
<meta property="og:image" content="">
<meta property="og:site_name" content="">
<link rel="shortcut icon" href="./assets/favicon.png">
<link rel="apple-touch-icon" href="./assets/app-ico.png">
<link rel='stylesheet' id='font-awesome-css'  href='./assets/css/font-awesome.min.css?ver=4.7.0' type='text/css' media='all' />
<link rel='stylesheet' id='bootstrap-css'  href='./assets/css/bootstrap.css?ver=3.4.1' type='text/css' media='all' />
<link rel='stylesheet' id='nav-css'  href='./assets/css/nav.css?ver=2.0.0' type='text/css' media='all' />
<script type='text/javascript' src='./assets/js/jquery-1.11.1.min.js'></script>
<script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?86cead3bcab6a1417189e6138d69262";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
</script>
</head>
<body class="page-body white">
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="./assets/images/logo@2x.png" height="40" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="./assets/images/logo-collapsed@2x.png" height="40" alt="">
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    
                    
                        <li>
                            <a href="#366a7288b80ec8882b88467447296837" class="smooth">
                               <i class="fa fa-star fa-fw"></i>
                               <span class="title">常用推荐</span>
                            </a>
                        </li> 
                    
                    
                    
                        <li>
                            <a href="#092fbb6f773ffb5314a852a38664a2a1" class="smooth">
                               <i class="fa fa-newspaper-o fa-fw"></i>
                               <span class="title">社区咨询</span>
                            </a>
                        </li> 
                    
                    
                    
                        <li>
                            <a>
                               <i class="fa fa-lightbulb-o fa-fw"></i>
                               <span class="title">灵感采集</span>
                            </a>
                            <ul>
                                    
                                <li>
                                    <a href="#84abd2cbbaf4218b38d2dd79ca70dc92" class="smooth">发现产品</a>
                                </li>
                                    
                                <li>
                                    <a href="#570e5ec34a88b89290e10556e7334e08" class="smooth">界面灵感</a>
                                </li>
                                    
                                <li>
                                    <a href="#371e1f152a570c6d187fbca96ae3fa20" class="smooth">网页灵感</a>
                                </li>
                                
                            </ul>
                        </li>
                    
                    
                    
                        <li>
                            <a>
                               <i class="fa fa-thumbs-up fa-fw"></i>
                               <span class="title">素材资源</span>
                            </a>
                            <ul>
                                    
                                <li>
                                    <a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth">图标素材</a>
                                </li>
                                    
                                <li>
                                    <a href="#81714483f39f647dd47ea0746f5b0cf5" class="smooth">LOGO设计</a>
                                </li>
                                    
                                <li>
                                    <a href="#ff65f7f9721757bf11b0b0c95f1b9446" class="smooth">平面素材</a>
                                </li>
                                    
                                <li>
                                    <a href="#5ba52971ac84c13888c9a25d4097f481" class="smooth">UI资源</a>
                                </li>
                                    
                                <li>
                                    <a href="#18d5632b4265eb1f90a8cfb63b0c3978" class="smooth">Sketch资源</a>
                                </li>
                                    
                                <li>
                                    <a href="#722d3693fc0b9344bb46ee220beac1b6" class="smooth">字体资源</a>
                                </li>
                                    
                                <li>
                                    <a href="#63467bab109c709f4d915aca5d66f475" class="smooth">Mockup</a>
                                </li>
                                    
                                <li>
                                    <a href="#66ea037d18426db99a0cf27e055e9470" class="smooth">摄影图库</a>
                                </li>
                                    
                                <li>
                                    <a href="#113a0a745b4169af0f7646269c12ae66" class="smooth">PPT资源</a>
                                </li>
                                
                            </ul>
                        </li>
                    
                    
                    
                        <li>
                            <a>
                               <i class="fa fa-diamond fa-fw"></i>
                               <span class="title">常用工具</span>
                            </a>
                            <ul>
                                    
                                <li>
                                    <a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth">图形创意</a>
                                </li>
                                    
                                <li>
                                    <a href="#542c016a714d85715d206c8892fba01f" class="smooth">界面设计</a>
                                </li>
                                    
                                <li>
                                    <a href="#cc7b327bd059e5854b69251c2ebfc9f1" class="smooth">交互动效</a>
                                </li>
                                    
                                <li>
                                    <a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth">在线配色</a>
                                </li>
                                    
                                <li>
                                    <a href="#9c2232288caaa8ec40948cef6a786ac2" class="smooth">在线工具</a>
                                </li>
                                    
                                <li>
                                    <a href="#f7b8f3b77e50bac34690a43288512f63" class="smooth">Chrome插件</a>
                                </li>
                                
                            </ul>
                        </li>
                    
                    
                    
                        <li>
                            <a>
                               <i class="fa fa-pencil fa-fw"></i>
                               <span class="title">学习教程</span>
                            </a>
                            <ul>
                                    
                                <li>
                                    <a href="#33d3098041927a26a98ed4c6822c9687" class="smooth">设计规范</a>
                                </li>
                                    
                                <li>
                                    <a href="#aec25b122d7aceb3dd3b64cf71858ed2" class="smooth">视频教程</a>
                                </li>
                                    
                                <li>
                                    <a href="#a8179bf9aae5c39ae476d65d6abf348f" class="smooth">设计文章</a>
                                </li>
                                    
                                <li>
                                    <a href="#106407e0c6c09e7f5a88e8793b2a667a" class="smooth">设计电台</a>
                                </li>
                                    
                                <li>
                                    <a href="#6391e9b2feb55edffab42ccdff007499" class="smooth">交互设计</a>
                                </li>
                                
                            </ul>
                        </li>
                    
                    
                    
                        <li>
                            <a href="#8fd180b4952900ea6e000e30431bc4b6" class="smooth">
                               <i class="fa fa-user fa-fw"></i>
                               <span class="title">UED团队</span>
                            </a>
                        </li> 
                    
                    
                    <li>
                        <a href="./about">
                            <i class="fa fa-heart fa-fw"></i>
                            <span class="tooltip-blue">关于本站</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-content">
<nav class="navbar user-info-navbar" role="navigation">
    <div class="navbar-content">
        <ul class="user-info-menu left-links list-inline list-unstyled">
            <li class="hidden-xs">
            <a href="#" data-toggle="sidebar"><i class="fa fa-bars"></i></a>
            </li>
      </ul>
    </div>
    <a href="https://github.com/iplaycode/webstack-hugo" class="github-corner" aria-label="View source on GitHub"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:#151513; color:#fff; position: absolute; top: 0; border: 0; right: 0;" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
</nav>


<div id="search" class="s-search">
    <div id="search-list" class="hide-type-list">
        <div class="s-type">
            <span></span>
            <div class="s-type-list animated fadeInUp">
                <label for="type-baidu">常用</label>
                <label for="type-search">搜索</label>
                <label for="type-br">工具</label>
                <label for="type-zhihu">社区</label>
                <label for="type-taobao1">生活</label>
                <label for="type-zhaopin">求职</label>
            </div>
        </div>
        <div class="search-group group-a">
            <span class="type-text">常用</span>
            <ul class="search-type">
                <li><input checked hidden type="radio" name="type" id="type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label for="type-baidu"><span style="color:#2100E0">百度</span></label></li>
                <li><input hidden type="radio" name="type" id="type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label for="type-google"><span style="color:#3B83FA">G</span><span style="color:#F3442C">o</span><span style="color:#FFC300">o</span><span style="color:#4696F8">g</span><span style="color:#2CAB4E">l</span><span style="color:#F54231">e</span></label></li>
                <li><input hidden type="radio" name="type" id="type-bing1" value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label for="type-bing1"><span style="color:#007daa">Bing</span></label></li>
            </ul>
        </div>
        <div class="search-group group-b">
            <span class="type-text">搜索</span>
            <ul class="search-type">
                <li><input hidden type="radio" name="type" id="type-search" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下"><label for="type-search"><span style="color:#2319dc">百度</span></label></li>
                <li><input hidden type="radio" name="type" id="type-google1" value="https://www.google.com/search?q=" data-placeholder="谷歌两下"><label for="type-google1"><span style="color:#3B83FA">G</span><span style="color:#F3442C">o</span><span style="color:#FFC300">o</span><span style="color:#4696F8">g</span><span style="color:#2CAB4E">l</span><span style="color:#F54231">e</span></label></li>
                <li><input hidden type="radio" name="type" id="type-360" value="https://www.so.com/s?q=" data-placeholder="360好搜"><label for="type-360"><span style="color:#19b955">360</span></label></li>
                <li><input hidden type="radio" name="type" id="type-sogo" value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label for="type-sogo"><span style="color:#ff5943">搜狗</span></label></li>
                <li><input hidden type="radio" name="type" id="type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软Bing搜索"><label for="type-bing"><span style="color:#007daa">Bing</span></label></li>
                <li><input hidden type="radio" name="type" id="type-sm" value="https://yz.m.sm.cn/s?q=" data-placeholder="UC移动端搜索"><label for="type-sm"><span style="color:#ff8608">神马</span></label></li>
            </ul>
        </div>
        <div class="search-group group-c">
            <span class="type-text">工具</span>
            <ul class="search-type">
                <li><input hidden type="radio" name="type" id="type-br" value="http://rank.chinaz.com/all/" data-placeholder="请输入网址(不带http://)"><label for="type-br"><span style="color:#55a300">权重查询</span></label></li>
                <li><input hidden type="radio" name="type" id="type-links" value="http://link.chinaz.com/" data-placeholder="请输入网址(不带http://)"><label for="type-links"><span style="color:#313439">友链检测</span></label></li>
                <li><input hidden type="radio" name="type" id="type-icp" value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带http://)"><label for="type-icp"><span style="color:#ffac00">备案查询</span></label></li>
                <li><input hidden type="radio" name="type" id="type-ping" value="http://ping.chinaz.com/" data-placeholder="请输入网址(不带http://)"><label for="type-ping"><span style="color:#00599e">PING检测</span></label></li>
                <li><input hidden type="radio" name="type" id="type-404" value="http://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带http://)"><label for="type-404"><span style="color:#f00">死链检测</span></label></li>
                <li><input hidden type="radio" name="type" id="type-ciku" value="http://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label for="type-ciku"><span style="color:#016DBD">关键词挖掘</span></label></li>
            </ul>
        </div>
        <div class="search-group group-d">
            <span class="type-text">社区</span>
            <ul class="search-type">
                <li><input hidden type="radio" name="type" id="type-zhihu" value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎"><label for="type-zhihu"><span style="color:#0084ff">知乎</span></label></li>
                <li><input hidden type="radio" name="type" id="type-wechat" value="http://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信"><label for="type-wechat"><span style="color:#00a06a">微信</span></label></li>
                <li><input hidden type="radio" name="type" id="type-weibo" value="http://s.weibo.com/weibo/" data-placeholder="微博"><label for="type-weibo"><span style="color:#e6162d">微博</span></label></li>
                <li><input hidden type="radio" name="type" id="type-douban" value="https://www.douban.com/search?q=" data-placeholder="豆瓣"><label for="type-douban"><span style="color:#55a300">豆瓣</span></label></li>
                <li><input hidden type="radio" name="type" id="type-why" value="https://ask.seowhy.com/search/?q=" data-placeholder="SEO问答社区"><label for="type-why"><span style="color:#428bca">搜外问答</span></label></li>
            </ul>
            </div>
        <div class="search-group group-e">
            <span class="type-text">生活</span>
            <ul class="search-type">
                <li><input hidden type="radio" name="type" id="type-taobao1" value="https://s.taobao.com/search?q=" data-placeholder="淘宝"><label for="type-taobao1"><span style="color:#f40">淘宝</span></label></li>
                <li><input hidden type="radio" name="type" id="type-jd" value="https://search.jd.com/Search?keyword=" data-placeholder="京东"><label for="type-jd"><span style="color:#c91623">京东</span></label></li>
                <li><input hidden type="radio" name="type" id="type-xiachufang" value="http://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房"><label for="type-xiachufang"><span style="color:#dd3915">下厨房</span></label></li>
                <li><input hidden type="radio" name="type" id="type-xiangha" value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱"><label for="type-xiangha"><span style="color:#930">香哈菜谱</span></label></li>
                <li><input hidden type="radio" name="type" id="type-12306" value="http://www.12306.cn/?" data-placeholder="12306"><label for="type-12306"><span style="color:#07f">12306</span></label></li>
                <li><input hidden type="radio" name="type" id="type-qunar" value="https://www.qunar.com/?" data-placeholder="去哪儿"><label for="type-qunar"><span style="color:#00afc7">去哪儿</span></label></li>
                <li><input hidden type="radio" name="type" id="type-快递100" value="http://www.kuaidi100.com/?" data-placeholder="快递100"><label for="type-快递100"><span style="color:#3278e6">快递100</span></label></li>
            </ul>
        </div>
        <div class="search-group group-f">
            <span class="type-text">求职</span>
            <ul class="search-type">
                <li><input hidden type="radio" name="type" id="type-zhaopin" value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘"><label for="type-zhaopin"><span style="color:#689fee">智联招聘</span></label></li>
                <li><input hidden type="radio" name="type" id="type-51job" value="https://search.51job.com/?" data-placeholder="前程无忧"><label for="type-51job"><span style="color:#ff6000">前程无忧</span></label></li>
                <li><input hidden type="radio" name="type" id="type-lagou" value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网"><label for="type-lagou"><span style="color:#00b38a">拉钩网</span></label></li>
                <li><input hidden type="radio" name="type" id="type-liepin" value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网"><label for="type-liepin"><span style="color:#303a40">猎聘网</span></label></li>
            </ul>
        </div>
    </div>
    <form action="?s=" method="get" target="_blank" id="super-search-fm"><input type="text" id="search-text" placeholder="输入关键字搜索" style="outline:0"><button type="submit"><i class="fa fa-search "></i></button></form>
    <div class="set-check hidden-xs">
        <input type="checkbox" id="set-search-blank" class="bubble-3" autocomplete="off">
    </div>
</div>
<script type="text/javascript">
eval(function(e,t,a,c,i,n){if(i=function(e){return(e<t?"":i(parseInt(e/t)))+(35<(e%=t)?String.fromCharCode(e+29):e.toString(36))},!"".replace(/^/,String)){for(;a--;)n[i(a)]=c[a]||i(a);c=[function(e){return n[e]}],i=function(){return"\\w+"},a=1}for(;a--;)c[a]&&(e=e.replace(new RegExp("\\b"+i(a)+"\\b","g"),c[a]));return e}('!2(){2 g(){h(),i(),j(),k()}2 h(){d.9=s()}2 i(){z a=4.8(\'A[B="7"][5="\'+p()+\'"]\');a&&(a.9=!0,l(a))}2 j(){v(u())}2 k(){w(t())}2 l(a){P(z b=0;b<e.O;b++)e[b].I.1c("s-M");a.F.F.F.I.V("s-M")}2 m(a,b){E.H.S("L"+a,b)}2 n(a){6 E.H.Y("L"+a)}2 o(a){f=a.3,v(u()),w(a.3.5),m("7",a.3.5),c.K(),l(a.3)}2 p(){z b=n("7");6 b||a[0].5}2 q(a){m("J",a.3.9?1:-1),x(a.3.9)}2 r(a){6 a.11(),""==c.5?(c.K(),!1):(w(t()+c.5),x(s()),s()?E.U(b.G,+T X):13.Z=b.G,10 0)}2 s(){z a=n("J");6 a?1==a:!0}2 t(){6 4.8(\'A[B="7"]:9\').5}2 u(){6 4.8(\'A[B="7"]:9\').W("14-N")}2 v(a){c.1e("N",a)}2 w(a){b.G=a}2 x(a){a?b.3="1a":b.16("3")}z y,a=4.R(\'A[B="7"]\'),b=4.8("#18-C-19"),c=4.8("#C-12"),d=4.8("#17-C-15"),e=4.R(".C-1b"),f=a[0];P(g(),y=0;y<a.O;y++)a[y].D("Q",o);d.D("Q",q),b.D("1d",r)}();',62,77,"||function|target|document|value|return|type|querySelector|checked||||||||||||||||||||||||||var|input|name|search|addEventListener|window|parentNode|action|localStorage|classList|newWindow|focus|superSearch|current|placeholder|length|for|change|querySelectorAll|setItem|new|open|add|getAttribute|Date|getItem|href|void|preventDefault|text|location|data|blank|removeAttribute|set|super|fm|_blank|group|remove|submit|setAttribute".split("|"),0,{}));
</script>


<div class="sites-list" style="margin-bottom: 8.5rem;">

    
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="366a7288b80ec8882b88467447296837"></i>常用推荐</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://dribbble.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://dribbble.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/dribbble.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Dribbble</strong>
                                </div>
                                <p class="overflowClip_2">全球UI设计师作品分享平台。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://behance.net/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://behance.net/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/behance.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Behance</strong>
                                </div>
                                <p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 qrcode">
                    <a href="javascript:" target="" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='assets/images/webstack-hugo-qrcode.png' width='128'>">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/favicon.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>二维码演示</strong>
                                </div>
                                <p class="overflowClip_2">二维码演示，新增二维码，手机扫一扫</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.ui.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.ui.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uicn.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UI中国</strong>
                                </div>
                                <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.zcool.com.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.zcool.com.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/zcool.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>站酷</strong>
                                </div>
                                <p class="overflowClip_2">中国人气设计师互动平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.pinterest.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.pinterest.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pinterest.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Pinterest</strong>
                                </div>
                                <p class="overflowClip_2">全球美图收藏采集站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://huaban.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://huaban.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/huaban.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </div>
                                <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://medium.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://medium.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/medium.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Medium</strong>
                                </div>
                                <p class="overflowClip_2">高质量设计文章</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.uisdc.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uisdc.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>优设</strong>
                                </div>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.producthunt.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.producthunt.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/producthunt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Producthunt</strong>
                                </div>
                                <p class="overflowClip_2">发现新鲜有趣的产品</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.youtube.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.youtube.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/youtube.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Youtube</strong>
                                </div>
                                <p class="overflowClip_2">全球最大的学习分享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.google.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.google.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/google.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Google</strong>
                                </div>
                                <p class="overflowClip_2">全球最大的UI学习分享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
    

    
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="092fbb6f773ffb5314a852a38664a2a1"></i>社区咨询</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.leiphone.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.leiphone.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/leiphone.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>雷锋网</strong>
                                </div>
                                <p class="overflowClip_2">人工智能和智能硬件领域的互联网科技媒体</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://36kr.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://36kr.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/36kr.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>36kr</strong>
                                </div>
                                <p class="overflowClip_2">创业资讯、科技新闻</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.digitaling.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.digitaling.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/digitaling.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>数英网</strong>
                                </div>
                                <p class="overflowClip_2">数字媒体及职业招聘网站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.lieyunwang.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.lieyunwang.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/lieyunwang.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>猎云网</strong>
                                </div>
                                <p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.woshipm.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.woshipm.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/woshipm.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>人人都是产品经理</strong>
                                </div>
                                <p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.zaodula.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.zaodula.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/zaodula.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>互联网早读课</strong>
                                </div>
                                <p class="overflowClip_2">互联网行业深度阅读与学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.chanpin100.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.chanpin100.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/chanpin100.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>产品壹佰</strong>
                                </div>
                                <p class="overflowClip_2">为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.pmcaff.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.pmcaff.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pmcaff.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>PMCAFF</strong>
                                </div>
                                <p class="overflowClip_2">中国第一产品经理人气组织，专注于研究互联网产品</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.iyunying.org/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.iyunying.org/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iyunying.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>爱运营</strong>
                                </div>
                                <p class="overflowClip_2">网站运营人员学习交流，专注于网站产品运营管理、淘宝运营。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.niaogebiji.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.niaogebiji.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/niaogebiji.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>鸟哥笔记</strong>
                                </div>
                                <p class="overflowClip_2">移动互联网第一干货平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.gtn9.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.gtn9.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/gtn9.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>古田路9号</strong>
                                </div>
                                <p class="overflowClip_2">国内专业品牌创意平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.uigreat.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.uigreat.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uigreat.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>优阁网</strong>
                                </div>
                                <p class="overflowClip_2">UI设计师学习交流社区</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
    

    
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="84abd2cbbaf4218b38d2dd79ca70dc92"></i>发现产品</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.producthunt.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.producthunt.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/producthunt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Producthunt</strong>
                                </div>
                                <p class="overflowClip_2">发现新鲜有趣的产品</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://next.36kr.com/posts" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://next.36kr.com/posts">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/NEXT.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>NEXT</strong>
                                </div>
                                <p class="overflowClip_2">不错过任何一个新产品</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://sspai.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://sspai.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sspai.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>少数派</strong>
                                </div>
                                <p class="overflowClip_2">高品质数字消费指南</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://liqi.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://liqi.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/liqi.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>利器</strong>
                                </div>
                                <p class="overflowClip_2">创造者和他们的工具</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://today.itjuzi.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://today.itjuzi.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/today.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Today</strong>
                                </div>
                                <p class="overflowClip_2">为身边的新产品喝彩</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://faxian.appinn.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://faxian.appinn.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/appinn.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>小众软件</strong>
                                </div>
                                <p class="overflowClip_2">在这里发现更多有趣的应用</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="570e5ec34a88b89290e10556e7334e08"></i>界面灵感</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.pttrns.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.pttrns.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Pttrns.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Pttrns</strong>
                                </div>
                                <p class="overflowClip_2">Check out the finest collection of design patterns, resources, mobile apps and inspiration</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://collectui.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://collectui.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/CollectUI.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Collect UI</strong>
                                </div>
                                <p class="overflowClip_2">Daily inspiration collected from daily ui archive and beyond.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ui.uigreat.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ui.uigreat.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uiuigreat.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UI uigreat</strong>
                                </div>
                                <p class="overflowClip_2">APP界面截图参考</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://androidniceties.tumblr.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://androidniceties.tumblr.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AndroidNiceties.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Android Niceties</strong>
                                </div>
                                <p class="overflowClip_2">A collection of screenshots encompassing some of the most beautiful looking Android apps.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="371e1f152a570c6d187fbca96ae3fa20"></i>网页灵感</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.awwwards.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.awwwards.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/awwwards.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Awwwards</strong>
                                </div>
                                <p class="overflowClip_2">Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.cssdesignawards.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.cssdesignawards.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/CSSDesignAwards.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>CSS Design Awards</strong>
                                </div>
                                <p class="overflowClip_2">Website Awards &amp; Inspiration - CSS Gallery</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://thefwa.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://thefwa.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/fwa.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>The FWA</strong>
                                </div>
                                <p class="overflowClip_2">FWA - showcasing innovation every day since 2000</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.ecommercefolio.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.ecommercefolio.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Ecommercefolio.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Ecommercefolio</strong>
                                </div>
                                <p class="overflowClip_2">Only the Best Ecommerce Design Inspiration</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.lapa.ninja/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.lapa.ninja/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Lapa.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Lapa</strong>
                                </div>
                                <p class="overflowClip_2">The best landing page design inspiration from around the web.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://reeoo.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://reeoo.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/reeoo.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Reeoo</strong>
                                </div>
                                <p class="overflowClip_2">web design inspiration and website gallery</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://designmunk.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://designmunk.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/designmunk.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Designmunk</strong>
                                </div>
                                <p class="overflowClip_2">Best Homepage Design Inspiration</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://bestwebsite.gallery/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://bestwebsite.gallery/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/BWG.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Best Websites Gallery</strong>
                                </div>
                                <p class="overflowClip_2">Website Showcase Inspiration | Best Websites Gallery</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.pages.xyz/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.pages.xyz/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pages.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Pages</strong>
                                </div>
                                <p class="overflowClip_2">Curated directory of the best Pages</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://sitesee.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://sitesee.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/SiteSee.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>SiteSee</strong>
                                </div>
                                <p class="overflowClip_2">SiteSee is a curated gallery of beautiful, modern websites collections.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.siteinspire.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.siteinspire.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/siteInspire.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Site Inspire</strong>
                                </div>
                                <p class="overflowClip_2">A CSS gallery and showcase of the best web design inspiration.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://web.uedna.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://web.uedna.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/WebInspiration.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>WebInspiration</strong>
                                </div>
                                <p class="overflowClip_2">网页设计欣赏,全球顶级网页设计</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://navnav.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://navnav.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/navnav.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>navnav</strong>
                                </div>
                                <p class="overflowClip_2">A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.reallygoodux.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.reallygoodux.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ReallyGoodUX.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Really Good UX</strong>
                                </div>
                                <p class="overflowClip_2">A library of screenshots and examples of really good UX. Brought to you by</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
    

    
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="7866a35b09d466b9cf0295af54d30d53"></i>图标素材</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.iconfinder.com" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.iconfinder.com">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Iconfinder.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Iconfinder</strong>
                                </div>
                                <p class="overflowClip_2">2,100,000&#43; free and premium vector icons.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.iconfont.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iconfont.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>iconfont</strong>
                                </div>
                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://iconmonstr.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://iconmonstr.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iconmonstr.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>iconmonstr</strong>
                                </div>
                                <p class="overflowClip_2">Free simple icons for your next project</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.iconarchive.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.iconarchive.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iconarchive.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Icon Archive</strong>
                                </div>
                                <p class="overflowClip_2">Search 590,912 free icons</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://findicons.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://findicons.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/FindIcons.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>FindIcons</strong>
                                </div>
                                <p class="overflowClip_2">Search through 300,000 free icons</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://icomoon.io/app/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://icomoon.io/app/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/IcoMoonApp.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>IcoMoonApp</strong>
                                </div>
                                <p class="overflowClip_2">Icon Font, SVG, PDF &amp;amp; PNG Generator</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.easyicon.net/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.easyicon.net/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/easyicon.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>easyicon</strong>
                                </div>
                                <p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.flaticon.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.flaticon.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/flaticon.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>flaticon</strong>
                                </div>
                                <p class="overflowClip_2">634,000&#43; Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ui-cloud.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ui-cloud.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/UICloud.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UICloud</strong>
                                </div>
                                <p class="overflowClip_2">The largest user interface design database in the world.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://material.io/icons/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://material.io/icons/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Materialicons.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Material icons</strong>
                                </div>
                                <p class="overflowClip_2">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://fontawesome.com/icons/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://fontawesome.com/icons/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/fontawesomeicon.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Font Awesome Icon</strong>
                                </div>
                                <p class="overflowClip_2">The complete set of 675 icons in Font Awesome</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ionicons.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ionicons.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ionicons.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>ion icons</strong>
                                </div>
                                <p class="overflowClip_2">The premium icon font for Ionic Framework.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://simplelineicons.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://simplelineicons.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/simplelineicons.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Simpleline Icons</strong>
                                </div>
                                <p class="overflowClip_2">Simple line Icons pack</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="81714483f39f647dd47ea0746f5b0cf5"></i>LOGO设计</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.iconsfeed.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.iconsfeed.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iconsfeed.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Iconsfeed</strong>
                                </div>
                                <p class="overflowClip_2">iOS icons gallery</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://iosicongallery.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://iosicongallery.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/iosicongallery.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>iOS Icon Gallery</strong>
                                </div>
                                <p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://worldvectorlogo.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://worldvectorlogo.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/worldvectorlogo.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>World Vector Logo</strong>
                                </div>
                                <p class="overflowClip_2">Brand logos free to download</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://instantlogosearch.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://instantlogosearch.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/InstantLogoSearch.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Instant Logo Search</strong>
                                </div>
                                <p class="overflowClip_2">Search &amp; download thousands of logos instantly</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="ff65f7f9721757bf11b0b0c95f1b9446"></i>平面素材</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.freepik.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.freepik.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/freepik.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>freepik</strong>
                                </div>
                                <p class="overflowClip_2">More than a million free vectors, PSD, photos and free icons.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://wallhalla.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://wallhalla.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/wallhalla.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>wallhalla</strong>
                                </div>
                                <p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://365psd.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://365psd.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/365PSD.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>365PSD</strong>
                                </div>
                                <p class="overflowClip_2">Free PSD &amp;amp; Graphics, Illustrations</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://medialoot.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://medialoot.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Medialoot.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Medialoot</strong>
                                </div>
                                <p class="overflowClip_2">Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.58pic.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.58pic.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/qiantu.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>千图网</strong>
                                </div>
                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://588ku.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://588ku.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/qianku.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>千库网</strong>
                                </div>
                                <p class="overflowClip_2">免费png图片背景素材下载</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.ooopic.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.ooopic.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/wotu.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>我图网</strong>
                                </div>
                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://90sheji.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://90sheji.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/90sheji.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>90设计</strong>
                                </div>
                                <p class="overflowClip_2">电商设计（淘宝美工）千图免费淘宝素材库</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.nipic.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.nipic.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/nipic.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>昵图网</strong>
                                </div>
                                <p class="overflowClip_2">原创素材共享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.lanrentuku.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.lanrentuku.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/lanrentuku.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>懒人图库</strong>
                                </div>
                                <p class="overflowClip_2">懒人图库专注于提供网页素材下载</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://so.ui001.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://so.ui001.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sousucai.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>素材搜索</strong>
                                </div>
                                <p class="overflowClip_2">设计素材搜索聚合</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://psefan.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://psefan.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/psefan.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>PS饭团网</strong>
                                </div>
                                <p class="overflowClip_2">不一样的设计素材库！让自己的设计与众不同！</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.sccnn.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.sccnn.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sccnn.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>素材中国</strong>
                                </div>
                                <p class="overflowClip_2">免费素材共享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="5ba52971ac84c13888c9a25d4097f481"></i>UI资源</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://freebiesbug.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://freebiesbug.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/freebiesbug.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Freebiesbug</strong>
                                </div>
                                <p class="overflowClip_2">Hand-picked resources for web designer and developers, constantly updated.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://freebiesupply.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://freebiesupply.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/freebiesupply.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Freebie Supply</strong>
                                </div>
                                <p class="overflowClip_2">Free Resources For Designers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.yrucd.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.yrucd.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/yrucd.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>云瑞</strong>
                                </div>
                                <p class="overflowClip_2">优秀设计资源的分享网站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://designmodo.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://designmodo.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Designmodo.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Designmodo</strong>
                                </div>
                                <p class="overflowClip_2">Web Design Blog and Shop</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://xituqu.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://xituqu.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/xituqu.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>稀土区</strong>
                                </div>
                                <p class="overflowClip_2">优质设计开发资源分享</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://ui8.net/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://ui8.net/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ui8.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>ui8</strong>
                                </div>
                                <p class="overflowClip_2">UI Kits, Wireframe Kits, Templates, Icons and More</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.uplabs.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.uplabs.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uplabs.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>uplabs</strong>
                                </div>
                                <p class="overflowClip_2">Daily resources for product designers &amp; developers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.uikit.me/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.uikit.me/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uikitme.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UIkit.me</strong>
                                </div>
                                <p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.fribbble.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.fribbble.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Fribbble.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Fribbble</strong>
                                </div>
                                <p class="overflowClip_2">Free PSD files and other free design resources by Dribbblers.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://principlerepo.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://principlerepo.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/PrincipleRepo.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>PrincipleRepo</strong>
                                </div>
                                <p class="overflowClip_2">Free, High Quality Principle Resources</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="18d5632b4265eb1f90a8cfb63b0c3978"></i>Sketch资源</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://sketchapp.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://sketchapp.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Sketch.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch</strong>
                                </div>
                                <p class="overflowClip_2">The digital design toolkit</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://utom.design/measure/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://utom.design/measure/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/SketchMeasure.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch Measure</strong>
                                </div>
                                <p class="overflowClip_2">Friendly user interface offers you a more intuitive way of making marks.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.sketchappsources.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.sketchappsources.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchappsources.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch App Sources</strong>
                                </div>
                                <p class="overflowClip_2">Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.sketch.im/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.sketch.im/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchIm.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch.im</strong>
                                </div>
                                <p class="overflowClip_2">Sketch 相关资源汇聚</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://sketchhunt.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://sketchhunt.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchhunt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch Hunt</strong>
                                </div>
                                <p class="overflowClip_2">Sketch Hunt is an independent blog sharing gems in learning, plugins &amp;amp; design tools for fans of Sketch app.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.sketchcn.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.sketchcn.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchcn.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch中文网</strong>
                                </div>
                                <p class="overflowClip_2">分享最新的Sketch中文手册</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://awesome-sket.ch/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://awesome-sket.ch/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AwesomeSketchPlugins.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Awesome Sketch Plugins</strong>
                                </div>
                                <p class="overflowClip_2">A collection of really useful Sketch plugins.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.sketchcasts.net/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.sketchcasts.net/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchcasts.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketchcasts</strong>
                                </div>
                                <p class="overflowClip_2">Learn Sketch Train your design skills with a weekly video tutorial</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="722d3693fc0b9344bb46ee220beac1b6"></i>字体资源</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://fonts.google.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://fonts.google.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/googlefont.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Google Font</strong>
                                </div>
                                <p class="overflowClip_2">Making the web more beautiful, fast, and open through great typography</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://typekit.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://typekit.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/typekit.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Typekit</strong>
                                </div>
                                <p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.foundertype.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Fondertype.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </div>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ziticq.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ziticq.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ziticq.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>字体传奇网</strong>
                                </div>
                                <p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://sicangziti.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://sicangziti.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sicangziti.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>私藏字体</strong>
                                </div>
                                <p class="overflowClip_2">优质字体免费下载站</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.fontsquirrel.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.fontsquirrel.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/fontsquirrel.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Fontsquirrel</strong>
                                </div>
                                <p class="overflowClip_2">FREE fonts for graphic designers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.urbanfonts.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.urbanfonts.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/UrbanFonts.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Urban Fonts</strong>
                                </div>
                                <p class="overflowClip_2">Download Free Fonts and Free Dingbats.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.losttype.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.losttype.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/losttype.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Lost Type</strong>
                                </div>
                                <p class="overflowClip_2">Lost Type is a Collaborative Digital Type Foundry</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://fonts2u.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://fonts2u.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/fonts2u.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>FONTS2U</strong>
                                </div>
                                <p class="overflowClip_2">Download free fonts for Windows and Macintosh.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.fontex.org/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.fontex.org/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/fontex.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Fontex</strong>
                                </div>
                                <p class="overflowClip_2">Free Fonts to Download &#43; Premium Typefaces</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://fontm.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://fontm.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/FontM.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>FontM</strong>
                                </div>
                                <p class="overflowClip_2">Free Fonts</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.myfonts.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.myfonts.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/MyFonts.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>My Fonts</strong>
                                </div>
                                <p class="overflowClip_2">Fonts for Print, Products &amp; Screens</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.dafont.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.dafont.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/dafont.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Da Font</strong>
                                </div>
                                <p class="overflowClip_2">Archive of freely downloadable fonts.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.onlinewebfonts.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.onlinewebfonts.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/OnlineWebFonts.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>OnlineWebFonts</strong>
                                </div>
                                <p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.abstractfonts.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.abstractfonts.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/abstractfonts.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Abstract Fonts</strong>
                                </div>
                                <p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="63467bab109c709f4d915aca5d66f475"></i>Mockup</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://mockup.zone/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://mockup.zone/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/MockupZone.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>MockupZone</strong>
                                </div>
                                <p class="overflowClip_2">Mockup Zone is an online store where you can find free and premium PSD mockup files to show your designs in a professional way.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://dunnnk.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://dunnnk.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Dunnnk.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Dunnnk</strong>
                                </div>
                                <p class="overflowClip_2">Generate Product Mockups For Free</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.graphberry.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.graphberry.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/graphberry.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Graphberry</strong>
                                </div>
                                <p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://threed.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://threed.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/threed.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Threed</strong>
                                </div>
                                <p class="overflowClip_2">Generate 3D Mockups right in your Browser</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://free.lstore.graphics/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://free.lstore.graphics/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/mockupworld.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Mockup World</strong>
                                </div>
                                <p class="overflowClip_2">The best free Mockups from the Web</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://free.lstore.graphics/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://free.lstore.graphics/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/lstore.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Lstore</strong>
                                </div>
                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.pixeden.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.pixeden.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pixeden.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>pixeden</strong>
                                </div>
                                <p class="overflowClip_2">free web resources and graphic design templates.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://forgraphictm.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://forgraphictm.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/forgraphictm.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>For Graphic TM</strong>
                                </div>
                                <p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="66ea037d18426db99a0cf27e055e9470"></i>摄影图库</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://unsplash.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://unsplash.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/unsplash.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Unsplash</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful, free photos.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://visualhunt.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://visualhunt.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/visualhunt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>visualhunt</strong>
                                </div>
                                <p class="overflowClip_2">100% Free High Quality Photos</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://librestock.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://librestock.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/librestock.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>librestock</strong>
                                </div>
                                <p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://pixabay.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://pixabay.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pixabay.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>pixabay</strong>
                                </div>
                                <p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.splitshire.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.splitshire.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/SplitShire.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>SplitShire</strong>
                                </div>
                                <p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://stocksnap.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://stocksnap.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/StockSnap.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>StockSnap</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful free stock photos</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://albumarium.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://albumarium.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/albumarium.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>albumarium</strong>
                                </div>
                                <p class="overflowClip_2">The best place to find &amp; share beautiful images</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://myphotopack.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://myphotopack.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/myphotopack.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>myphotopack</strong>
                                </div>
                                <p class="overflowClip_2">A free photo pack just for you. Every month.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://notaselfie.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://notaselfie.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/notaselfie.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Notaselfie</strong>
                                </div>
                                <p class="overflowClip_2">Photos that happen along the way. You can use the images anyway you like. Have fun!</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://papers.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://papers.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/papers.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>papers</strong>
                                </div>
                                <p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://stokpic.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://stokpic.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/stokpic.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>stokpic</strong>
                                </div>
                                <p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://55mm.co/visuals" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://55mm.co/visuals">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/55mm.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>55mm</strong>
                                </div>
                                <p class="overflowClip_2">Use our FREE photos to tell your story!</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://thestocks.im/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://thestocks.im/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/thestocks.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>thestocks</strong>
                                </div>
                                <p class="overflowClip_2">Use our FREE photos to tell your story!</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://freenaturestock.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://freenaturestock.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/freenaturestock.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>freenaturestock</strong>
                                </div>
                                <p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://negativespace.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://negativespace.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/negativespace.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>negativespace</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://gratisography.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://gratisography.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/gratisography.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>gratisography</strong>
                                </div>
                                <p class="overflowClip_2">Free high-resolution pictures you can use on your personal and commercial projects, free of copyright restrictions.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://imcreator.com/free" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://imcreator.com/free">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/imcreator.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>imcreator</strong>
                                </div>
                                <p class="overflowClip_2">A curated collection of free web design resources, all for commercial use.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.lifeofpix.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.lifeofpix.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/lifeofpix.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>lifeofpix</strong>
                                </div>
                                <p class="overflowClip_2">Free high resolution photography</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://skitterphoto.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://skitterphoto.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/skitterphoto.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>skitterphoto</strong>
                                </div>
                                <p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://mmtstock.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://mmtstock.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/mmtstock.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>mmtstock</strong>
                                </div>
                                <p class="overflowClip_2">Free photos for commercial use</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://skitterphoto.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://skitterphoto.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/skitterphoto.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>skitterphoto</strong>
                                </div>
                                <p class="overflowClip_2">a place to find, show and share public domain photos</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://magdeleine.co/browse/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://magdeleine.co/browse/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/magdeleine.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>magdeleine</strong>
                                </div>
                                <p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://jeshoots.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://jeshoots.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/jeshoots.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>jeshoots</strong>
                                </div>
                                <p class="overflowClip_2">New Free Photos &amp; Mockups in to your Inbox!</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.hdwallpapers.net" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.hdwallpapers.net">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/hdwallpapers.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>hdwallpapers</strong>
                                </div>
                                <p class="overflowClip_2">High Definition Wallpapers &amp; Desktop Backgrounds</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://publicdomainarchive.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://publicdomainarchive.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/publicdomainarchive.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>publicdomainarchive</strong>
                                </div>
                                <p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="113a0a745b4169af0f7646269c12ae66"></i>PPT资源</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.officeplus.cn/Template/Home.shtml" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.officeplus.cn/Template/Home.shtml">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/officeplus.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>OfficePLUS</strong>
                                </div>
                                <p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.ypppt.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.ypppt.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ypppt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>优品PPT</strong>
                                </div>
                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.pptplus.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.pptplus.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pptplus.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>PPT&#43;</strong>
                                </div>
                                <p class="overflowClip_2">PPT加直播、录制和分享—PPT&#43;语音内容分享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.pptmind.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.pptmind.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/pptmind.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>PPTMind</strong>
                                </div>
                                <p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.tretars.com/ppt-templates" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.tretars.com/ppt-templates">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/tretars.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>tretars</strong>
                                </div>
                                <p class="overflowClip_2">The best free Mockups from the Web</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ppt.500d.me/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ppt.500d.me/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/500d.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>5百丁</strong>
                                </div>
                                <p class="overflowClip_2">中国领先的PPT模板共享平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
    

    
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="4fbc8ba07df90bae306d8e3b83fc5a21"></i>图形创意</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.adobe.com/cn/products/photoshop.html" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.adobe.com/cn/products/photoshop.html">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/photoshop.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>photoshop</strong>
                                </div>
                                <p class="overflowClip_2">Photoshop不需要解释</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://affinity.serif.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://affinity.serif.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AffinityDesigner.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Affinity Designer</strong>
                                </div>
                                <p class="overflowClip_2">专业创意软件</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.adobe.com/cn/products/illustrator/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.adobe.com/cn/products/illustrator/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Illustrator.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Illustrator</strong>
                                </div>
                                <p class="overflowClip_2">矢量图形和插图。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.adobe.com/cn/products/indesign.html" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.adobe.com/cn/products/indesign.html">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/INDESIGN%20.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>indesign</strong>
                                </div>
                                <p class="overflowClip_2">页面设计、布局和出版。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.maxon.net/en/products/cinema-4d/overview/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.maxon.net/en/products/cinema-4d/overview/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/cinema4d.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>cinema-4d</strong>
                                </div>
                                <p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.autodesk.com/products/3ds-max/overview" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.autodesk.com/products/3ds-max/overview">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/3dsmax.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>3ds-max</strong>
                                </div>
                                <p class="overflowClip_2">3D modeling, animation, and rendering software</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.blender.org/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.blender.org/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/blender.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Blender</strong>
                                </div>
                                <p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="542c016a714d85715d206c8892fba01f"></i>界面设计</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://sketchapp.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://sketchapp.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sketchapp.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Sketch</strong>
                                </div>
                                <p class="overflowClip_2">The digital design toolkit</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.adobe.com/products/xd.html" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.adobe.com/products/xd.html">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ADOBEXDCC.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Adobe XD</strong>
                                </div>
                                <p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.invisionapp.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.invisionapp.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/invisionapp.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>invisionapp</strong>
                                </div>
                                <p class="overflowClip_2">Powerful design prototyping tools</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://marvelapp.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://marvelapp.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/marvelapp.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>marvelapp</strong>
                                </div>
                                <p class="overflowClip_2">Simple design, prototyping and collaboration</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://creative.adobe.com/zh-cn/products/download/muse" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://creative.adobe.com/zh-cn/products/download/muse">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/MuseCC.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Muse CC</strong>
                                </div>
                                <p class="overflowClip_2">无需利用编码即可进行网站设计。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.figma.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.figma.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/figma.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>figma</strong>
                                </div>
                                <p class="overflowClip_2">Design, prototype, and gather feedback all in one place with Figma.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="cc7b327bd059e5854b69251c2ebfc9f1"></i>交互动效</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.adobe.com/cn/products/aftereffects/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.adobe.com/cn/products/aftereffects/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AdobeAfterEffectsCC.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Adobe After Effects CC</strong>
                                </div>
                                <p class="overflowClip_2">电影般的视觉效果和动态图形。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://principleformac.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://principleformac.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/principle.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>principle</strong>
                                </div>
                                <p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.flinto.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.flinto.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/flinto.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>flinto</strong>
                                </div>
                                <p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://framer.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://framer.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/framer.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>framer</strong>
                                </div>
                                <p class="overflowClip_2">Design everything from detailed icons to high-fidelity interactions—all in one place.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.protopie.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.protopie.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/protopie.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>ProtoPie</strong>
                                </div>
                                <p class="overflowClip_2">高保真交互原型设计</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="31e51a60697ff3fb1d1c4934cce67921"></i>在线配色</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://khroma.co/generator/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://khroma.co/generator/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/khroma.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>khroma</strong>
                                </div>
                                <p class="overflowClip_2">Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://uigradients.com" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://uigradients.com">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uigradients.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>uigradients</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful colored gradients</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://gradients.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://gradients.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/gradients.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>gradients</strong>
                                </div>
                                <p class="overflowClip_2">Curated gradients for designers and developers</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://webkul.github.io/coolhue/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://webkul.github.io/coolhue/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Coolest.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Coolest</strong>
                                </div>
                                <p class="overflowClip_2">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://webgradients.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://webgradients.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/webgradients.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>webgradients</strong>
                                </div>
                                <p class="overflowClip_2">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.grabient.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.grabient.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/grabient.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>grabient</strong>
                                </div>
                                <p class="overflowClip_2">2017 Grabient by unfold</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.thedayscolor.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.thedayscolor.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/thedayscolor.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>thedayscolor</strong>
                                </div>
                                <p class="overflowClip_2">The daily color digest</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://flatuicolors.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://flatuicolors.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/flatuicolors.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>flatuicolors</strong>
                                </div>
                                <p class="overflowClip_2">Copy Paste Color Pallette from Flat UI Theme</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://coolors.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://coolors.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/coolors.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>coolors</strong>
                                </div>
                                <p class="overflowClip_2">The super fast color schemes generator!</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.colorhunt.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.colorhunt.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/colorhunt.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>colorhunt</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful Color Palettes</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://color.adobe.com/zh/create/color-wheel">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AdobeColorCC.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Adobe Color CC</strong>
                                </div>
                                <p class="overflowClip_2">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.flatuicolorpicker.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.flatuicolorpicker.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/flatuicolorpicker.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>flatuicolorpicker</strong>
                                </div>
                                <p class="overflowClip_2">Best Flat Colors For UI Design</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://qrohlf.com/trianglify-generator/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://qrohlf.com/trianglify-generator/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/trianglify.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>trianglify</strong>
                                </div>
                                <p class="overflowClip_2">Trianglify Generator</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://klart.co/colors/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://klart.co/colors/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/klart.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>klart</strong>
                                </div>
                                <p class="overflowClip_2">Beautiful colors and designs to your inbox every week</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.vanschneider.com/colors" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.vanschneider.com/colors">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/vanschneider.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>vanschneider</strong>
                                </div>
                                <p class="overflowClip_2">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="9c2232288caaa8ec40948cef6a786ac2"></i>在线工具</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://tinypng.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://tinypng.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/tinypng.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>tinypng</strong>
                                </div>
                                <p class="overflowClip_2">Optimize your images with a perfect balance in quality and file size.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://goqr.me/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://goqr.me/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/goqr.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>goqr</strong>
                                </div>
                                <p class="overflowClip_2">create QR codes for free (Logo, T-Shirt, vCard, EPS)</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://ezgif.com" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://ezgif.com">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ezgif.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>ezgif</strong>
                                </div>
                                <p class="overflowClip_2">simple online GIF maker and toolset for basic animated GIF editing.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://inloop.github.io/shadow4android/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://inloop.github.io/shadow4android/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Android9patch.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Android 9 patch</strong>
                                </div>
                                <p class="overflowClip_2">Android 9-patch shadow generator fully customizable shadows</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://screensiz.es/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://screensiz.es/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/screensizes.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>screen sizes</strong>
                                </div>
                                <p class="overflowClip_2">Viewport Sizes and Pixel Densities for Popular Devices</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://jakearchibald.github.io/svgomg/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://jakearchibald.github.io/svgomg/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/svgomg.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>svgomg</strong>
                                </div>
                                <p class="overflowClip_2">SVG在线压缩平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.gaoding.com" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.gaoding.com">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/gaoding.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>稿定抠图</strong>
                                </div>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="f7b8f3b77e50bac34690a43288512f63"></i>Chrome插件</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.wappalyzer.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.wappalyzer.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/wappalyzer.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>wappalyzer</strong>
                                </div>
                                <p class="overflowClip_2">Identify technology on websites</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://usepanda.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://usepanda.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/usepanda.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Panda</strong>
                                </div>
                                <p class="overflowClip_2">A smart news reader built for productivity.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://sizzy.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://sizzy.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/sizzy.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>sizzy</strong>
                                </div>
                                <p class="overflowClip_2">A tool for developing responsive websites crazy-fast</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://csspeeper.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://csspeeper.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/csspeeper.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>csspeeper</strong>
                                </div>
                                <p class="overflowClip_2">Smart CSS viewer tailored for Designers.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://insight.io/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://insight.io/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/insight.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>insight</strong>
                                </div>
                                <p class="overflowClip_2">IDE-like code search and navigation, on the cloud</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://mustsee.earth/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://mustsee.earth/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/mustsee.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>mustsee</strong>
                                </div>
                                <p class="overflowClip_2">Discover the world&#39;s most beautiful places at every opened tab.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
    

    
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="33d3098041927a26a98ed4c6822c9687"></i>设计规范</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://designguidelines.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://designguidelines.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/designguidelines.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Design Guidelines</strong>
                                </div>
                                <p class="overflowClip_2">Design Guidelines &amp;mdash; The way products are built.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://github.com/alexpate/awesome-design-systems" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://github.com/alexpate/awesome-design-systems">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/awesome_design_systems.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Awesome design systems</strong>
                                </div>
                                <p class="overflowClip_2">A collection of awesome design systems</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://material.io/guidelines/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://material.io/guidelines/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/Material_Design.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Material Design</strong>
                                </div>
                                <p class="overflowClip_2">Introduction - Material Design</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://developer.apple.com/ios/human-interface-guidelines" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://developer.apple.com/ios/human-interface-guidelines">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/human_interface_guidelines.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Human Interface Guidelines</strong>
                                </div>
                                <p class="overflowClip_2">Human Interface Guidelines iOS</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://viggoz.com/photoshopetiquette/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://viggoz.com/photoshopetiquette/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/photoshopetiquette.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Photoshop Etiquette</strong>
                                </div>
                                <p class="overflowClip_2">PS礼仪-WEB设计指南</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="aec25b122d7aceb3dd3b64cf71858ed2"></i>视频教程</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.photoshoplady.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.photoshoplady.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/PhotoshopLady.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Photoshop Lady</strong>
                                </div>
                                <p class="overflowClip_2">Your Favourite Photoshop Tutorials in One Place</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://doyoudo.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://doyoudo.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/doyoudo.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>doyoudo</strong>
                                </div>
                                <p class="overflowClip_2">创意设计软件学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.c945.com/web-ui-tutorial/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.c945.com/web-ui-tutorial/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/web_ui_tutorial.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>没位道</strong>
                                </div>
                                <p class="overflowClip_2">WEB UI免费视频公开课</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.imooc.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.imooc.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/imooc.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>慕课网</strong>
                                </div>
                                <p class="overflowClip_2">程序员的梦工厂（有UI课程）</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="a8179bf9aae5c39ae476d65d6abf348f"></i>设计文章</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.uisdc.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uisdc.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>优设网</strong>
                                </div>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://webdesignledger.com" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://webdesignledger.com">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/webdesignledger.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Web Design Ledger</strong>
                                </div>
                                <p class="overflowClip_2">Web Design Blog</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://medium.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://medium.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/medium.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Medium</strong>
                                </div>
                                <p class="overflowClip_2">Read, write and share stories that matter</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="106407e0c6c09e7f5a88e8793b2a667a"></i>设计电台</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://uxcoffee.co/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://uxcoffee.co/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uxcoffee.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UX Coffee</strong>
                                </div>
                                <p class="overflowClip_2">《UX Coffee 设计咖》是一档关于用户体验的播客节目。我们邀请来自硅谷和国内的学者和职人来聊聊「产品设计」、「用户体验」和「个人成长」。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://anyway.fm/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://anyway.fm/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/anyway.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Anyway.FM</strong>
                                </div>
                                <p class="overflowClip_2">设计杂谈 • UI 设计师 JJ 和 Leon 主播的设计播客</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.yineng.fm" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.yineng.fm">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/yineng.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>异能电台</strong>
                                </div>
                                <p class="overflowClip_2">将全宇宙设计师的故事讲给你听。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="6391e9b2feb55edffab42ccdff007499"></i>交互设计</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://littlebigdetails.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://littlebigdetails.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/littlebigdetails.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Little Big Details</strong>
                                </div>
                                <p class="overflowClip_2">Little Big Details is a curated collection of the finer details of design, updated every day.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.smashingmagazine.com/category/user-experience" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.smashingmagazine.com/category/user-experience">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/smashingmagazine.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Smashing Magazine</strong>
                                </div>
                                <p class="overflowClip_2">Below you’ll find the best tips to take not only your UX design process but also the experiences you craft to the next level.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://www.nngroup.com/articles/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://www.nngroup.com/articles/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/nngroup.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>nngroup</strong>
                                </div>
                                <p class="overflowClip_2">Evidence-Based User Experience Research, Training, and Consulting</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://boxesandarrows.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://boxesandarrows.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/boxesandarrows.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Boxes and Arrows</strong>
                                </div>
                                <p class="overflowClip_2">Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://uxdesignweekly.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://uxdesignweekly.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uxdesignweekly.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UX Design Weekly</strong>
                                </div>
                                <p class="overflowClip_2">get a hand picked list of the best user experience design links every week.</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://uxren.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://uxren.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uxren.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>UX Ren</strong>
                                </div>
                                <p class="overflowClip_2">用户体验人的专业社区</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
        
    

    
        
        <h4 class="text-gray" style="display: inline-block;"><i class="icon-io-tag" style="margin-right: 27px;" id="8fd180b4952900ea6e000e30431bc4b6"></i>UED团队</h4>
            <div class="row">
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://airbnb.design" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://airbnb.design">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/AirbnbDesign.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Airbnb Design</strong>
                                </div>
                                <p class="overflowClip_2">Airbnb Design</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://facebook.design/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://facebook.design/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/FacebookDesign.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Facebook Design</strong>
                                </div>
                                <p class="overflowClip_2">Facebook Design</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://design.google/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://design.google/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/GoogleDesign.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Google Design</strong>
                                </div>
                                <p class="overflowClip_2">Google Design</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://eicodesign.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://eicodesign.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/eico.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>eico design</strong>
                                </div>
                                <p class="overflowClip_2">数字化咨询与产品专家</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.niceui.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.niceui.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/niceui.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>nice design</strong>
                                </div>
                                <p class="overflowClip_2">nicedesign奈思设计是领先的用户体验设计与互联网品牌建设公司</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://cdc.tencent.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://cdc.tencent.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/cdc.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>腾讯CDC</strong>
                                </div>
                                <p class="overflowClip_2">腾讯CDC关注于互联网视觉设计、交互设计、用户研究、前端开发。</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://tgideas.qq.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://tgideas.qq.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/tgideas.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>TGideas</strong>
                                </div>
                                <p class="overflowClip_2">TGideas隶属于腾讯公司互动娱乐业务系统的专业推广类设计团队</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="https://isux.tencent.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="https://isux.tencent.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/isux.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>ISUX</strong>
                                </div>
                                <p class="overflowClip_2">腾讯社交用户体验设计部</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://mxd.tencent.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://mxd.tencent.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/mxd.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>MXD</strong>
                                </div>
                                <p class="overflowClip_2">腾讯MIG无线互联网事业群设计团队</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.aliued.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.aliued.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/aliued.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>Aliued</strong>
                                </div>
                                <p class="overflowClip_2">阿里巴巴国际UED团队</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://www.aliued.cn/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://www.aliued.cn/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/aliuedcn.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>U一点</strong>
                                </div>
                                <p class="overflowClip_2">阿里巴巴（中国站）用户体验设计部博客U一点设计 UED团队</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://uedc.163.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://uedc.163.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uedc.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>网易uedc</strong>
                                </div>
                                <p class="overflowClip_2">网易用户体验设计中心（User Experience Design Center）</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ued.baidu.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ued.baidu.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/uedbaidu.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>百度用户体验中心</strong>
                                </div>
                                <p class="overflowClip_2">百度用户体验中心</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://jdc.jd.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://jdc.jd.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/JDC.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>京东设计中心</strong>
                                </div>
                                <p class="overflowClip_2">京东设计中心</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://eux.baidu.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://eux.baidu.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/euxbaidu.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>百度企业产品用户体验中心</strong>
                                </div>
                                <p class="overflowClip_2">百度企业产品用户体验中心</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
                
                <div class="xe-card col-sm-4 col-md-3 ">
                    <a href="http://ued.ctrip.com/" target="_blank" class="xe-widget xe-conversations box2 label-info" data-toggle="tooltip" data-placement="bottom"  title="http://ued.ctrip.com/">
                        <div class="xe-comment-entry">
                            <div class="xe-user-img">
                                <img class="img-circle lazy" src="./assets/images/favicon.png" data-src="assets/images/logos/ctrip.png" onerror="javascript:this.src='./assets/images/favicon.png'" width="40">
                            </div>
                            <div class="xe-comment">
                                <div class="xe-user-name overflowClip_1">
                                    <strong>携程设计委员会</strong>
                                </div>
                                <p class="overflowClip_2">携程设计委员会-Ctrip Design Committee</p>
                            </div>
                        </div>
                    </a>
                </div>
                
            
            </div>
        <br />
        
    

</div>
            <footer class="main-footer sticky footer-type-1">
                <div class="go-up">
                    <a href="#" rel="go-top">
                        <i class="fa fa-angle-up"></i>
                    </a>
                </div>
                <div class="footer-inner">
                    <div class="footer-text">
                        Copyright © 2021 <a href=""><strong>iplaycode</strong></a>&nbsp;&nbsp;Design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>&nbsp;&nbsp;Themes by <a href="https://github.com/iplaycode" target="_blank"><strong>iplaycode</strong></a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
<script type="text/javascript">
    $(document).ready(function() {
        $(document).on('click', '.has-sub', function(){
            var _this = $(this)
            if(!$(this).hasClass('expanded')) {
               setTimeout(function(){
                    _this.find('ul').attr("style","")
               }, 300);
              
            } else {
                $('.has-sub ul').each(function(id,ele){
                    var _that = $(this)
                    if(_this.find('ul')[0] != ele) {
                        setTimeout(function(){
                            _that.attr("style","")
                        }, 300);
                    }
                })
            }
        })
        $('.user-info-menu .hidden-xs').click(function(){
            if($('.sidebar-menu').hasClass('collapsed')) {
                $('.has-sub.expanded > ul').attr("style","")
            } else {
                $('.has-sub.expanded > ul').show()
            }
        })
        $("#main-menu li ul li").click(function() {
            $(this).siblings('li').removeClass('active'); 
            $(this).addClass('active'); 
        });
        $("a.smooth").click(function(ev) {
            ev.preventDefault();
            if($("#main-menu").hasClass('mobile-is-visible') != true)
                return;
            public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
            ps_destroy();
            $("html, body").animate({
                scrollTop: $($(this).attr("href")).offset().top - 80
            }, {
                duration: 500,
                easing: "swing"
            });
        });
        return false;
    });

    var href = "";
    var pos = 0;
    $("a.smooth").click(function(e) {
        e.preventDefault();
        if($("#main-menu").hasClass('mobile-is-visible') === true)
            return;
        $("#main-menu li").each(function() {
            $(this).removeClass("active");
        });
        $(this).parent("li").addClass("active");
        href = $(this).attr("href");
        pos = $(href).position().top - 100;
        $("html,body").animate({
            scrollTop: pos
        }, 500);
    });
</script>
<script type='text/javascript' src='./assets/js/bootstrap.min.js?ver=3.4.1'></script>
<script type='text/javascript' src='./assets/js/TweenMax.min.js?ver=1.13.1'></script>
<script type='text/javascript' src='./assets/js/perfect-scrollbar.min.js?ver=0.5.8'></script>
<script type='text/javascript' src='./assets/js/nav.js?ver=2.0.0'></script>
<script type='text/javascript' src='./assets/js/lazyload.min.js?ver=2.0.0'></script>
</body>
</html>